<script>
  $strJSPrec
  
  $(function() {
    $("#nombre_cliente_n").autocomplete({
      source: "ajax/orden_trabajo.ajax.php?option=busquedaCliente",
      minLength: 2,
      delay: 500,
      select: function( event, ui ) {
        document.getElementById("id_cliente" ).value     = ui.item.id_cliente  ;
        document.getElementById("cliente_nom").innerHTML = ui.item.razon_social;
        document.getElementById("cliente_atn").innerHTML = ui.item.atencion_a  ;
        document.getElementById("cliente_dir").innerHTML = ui.item.direccion   ;
        document.getElementById("cliente_tel").innerHTML = ui.item.telefono    ;
        document.getElementById("cliente_fax").innerHTML = ui.item.fax         ;
        
        document.getElementById("c_id_cliente"     ).innerHTML = ui.item.id_cliente     ;
        document.getElementById("c_codigo_cliente" ).innerHTML = ui.item.codigo_cliente ;
        document.getElementById("c_razon_social"   ).innerHTML = ui.item.razon_social   ;
        document.getElementById("c_rfc"            ).innerHTML = ui.item.rfc            ;
        document.getElementById("c_limite_credito" ).innerHTML = ui.item.limite_credito ;
        document.getElementById("c_atencion_a"     ).innerHTML = ui.item.atencion_a     ;
        document.getElementById("c_direccion"      ).innerHTML = ui.item.direccion      ;
        document.getElementById("c_telefono"       ).innerHTML = ui.item.telefono       ;
        document.getElementById("c_fax"            ).innerHTML = ui.item.fax            ;
        document.getElementById("c_ordenes_trabajo").innerHTML = ui.item.ordenes_trabajo;
      }
    });
    
    $("#nombre_trabaja_n").autocomplete({
      source: "ajax/orden_trabajo.ajax.php?option=busquedaTraba",
      minLength: 2,
      delay: 500,
      select: function( event, ui ) {
        document.getElementById("id_trabajador").value     = ui.item.id  ;
        document.getElementById("t_nombre"     ).innerHTML = ui.item.label;
        document.getElementById("tr_nombre"    ).innerHTML = ui.item.label;
        document.getElementById("t_puesto"     ).innerHTML = ui.item.puesto;
      }
    });
    
    $("#nombre_equipo_e").autocomplete({
      source: "ajax/orden_trabajo.ajax.php?option=busquedaEquipo",
      minLength: 2,
      delay: 500,
      select: function( event, ui ) {
        document.getElementById("id_equipo" ).value     = ui.item.id    ;
        document.getElementById("equipo_mar").innerHTML = ui.item.marca ;
        document.getElementById("equipo_mod").innerHTML = ui.item.modelo;
        document.getElementById("equipo_ser").innerHTML = ui.item.serie ;
        
        document.getElementById("e_id_inventario"   ).innerHTML = ui.item.id_inventario   ;
        document.getElementById("e_tipo_monta"      ).innerHTML = ui.item.tipo_monta      ;
        document.getElementById("e_no_eco"          ).innerHTML = ui.item.no_eco          ;
        document.getElementById("e_marca"           ).innerHTML = ui.item.marca           ;
        document.getElementById("e_modelo"          ).innerHTML = ui.item.modelo          ;
        document.getElementById("e_serie"           ).innerHTML = ui.item.serie           ;
        document.getElementById("e_tipo"            ).innerHTML = ui.item.tipo            ;
        document.getElementById("e_columna1"        ).innerHTML = ui.item.columna1        ;
        document.getElementById("e_capacidad"       ).innerHTML = ui.item.capacidad       ;
        document.getElementById("e_altura"          ).innerHTML = ui.item.altura          ;
        document.getElementById("e_no_tanque"       ).innerHTML = ui.item.no_tanque       ;
        document.getElementById("e_no_controlador"  ).innerHTML = ui.item.no_controlador  ;
        document.getElementById("e_no_monta_insta"  ).innerHTML = ui.item.no_monta_insta  ;
        document.getElementById("e_empresa_act"     ).innerHTML = ui.item.empresa_act     ;
        document.getElementById("e_direccion_act"   ).innerHTML = ui.item.direccion_act   ;
        document.getElementById("e_no_inventario"   ).innerHTML = ui.item.no_inventario   ;
        document.getElementById("e_fecha_inventario").innerHTML = ui.item.fecha_inventario;
        document.getElementById("e_realizado_por"   ).innerHTML = ui.item.realizado_por   ;
        document.getElementById("e_ordenes_trabajo" ).innerHTML = ui.item.ordenes_trabajo ;
      }
    });
  });
  
  function CambioMontosTot() {
    var i;
    var fltSubTot   = 0;
    var fltPrec    ;
    var intCant    ;
    var fltManoObra = 0;
    var fltVarios  ;
    var fltForaneos;
    var fltSubTotG ;
    var fltIVA     ;
    var fltTotal   ;
    
    for(i = 1; i < 12; i++) {
      if(document.getElementById('r_prod_' + i).options[document.getElementById('r_prod_' + i).options.selectedIndex].value == 0) {
        // Nada seleccionado
        fltPrec = 0;
      } else {
        fltPrec = arrPrecios[document.getElementById('r_prod_' + i).options[document.getElementById('r_prod_' + i).options.selectedIndex].value];
      }
      
      intCant = document.getElementById('r_cant_' + i).value - 0;
      
      document.getElementById("r_prec_" + i).innerHTML = fltPrec;
      document.getElementById("r_sub_"  + i).innerHTML = (fltPrec * intCant);
      fltSubTot += (fltPrec * intCant);
    }
    
    for(i = 0; i < 10; i++) {
      fltPrec = document.getElementById('trab_ef_prec_' + i).value - 0;
      intCant = document.getElementById('trab_ef_cant_' + i).value - 0;
      
//      document.getElementById("r_sub_"  + i).innerHTML = (fltPrec * intCant);
      fltManoObra += (fltPrec * intCant);
    }
    
//    fltManoObra = document.getElementById('mano_obra').value - 0
    fltVarios   = document.getElementById('varios'   ).value - 0
    fltForaneos = document.getElementById('foraneos' ).value - 0
    fltSubTotG  = fltManoObra + fltVarios + fltForaneos + fltSubTot;
    fltIVA      = fltSubTotG * 0.16;
    fltTotal    = fltSubTotG + fltIVA;
    
    document.getElementById("r_ref_tot" ).innerHTML = fltSubTot  ;
    document.getElementById("r_mob_tot" ).innerHTML = fltManoObra;
    
    document.getElementById("t_subtotal").innerHTML = fltSubTotG ;
    document.getElementById("t_iva"     ).innerHTML = fltIVA     ;
    document.getElementById("t_total"   ).innerHTML = fltTotal   ;
  }
</script>

<div id="dialogo_cliente" class="Dialogo">
  <div class="DialogoTabs">
    <ul>
      <li><a href="#DialogoClienteTabs1">Informaci&oacute;n</a></li>
      <li><a href="#DialogoClienteTabs2">Cambio de Cliente</a></li>
    </ul>
    <div id="DialogoClienteTabs1">
      <table class="TablaReportes">
        <tr><th colspan="2">Informacion del cliente</th></tr>
        <tr><td>id_cliente</td><td><div id="c_id_cliente"></div></td></tr>
        <tr><td>codigo_cliente</td><td><div id="c_codigo_cliente"></div></td></tr>
        <tr><td>razon_social</td><td><div id="c_razon_social"></div></td></tr>
        <tr><td>rfc</td><td><div id="c_rfc"></div></td></tr>
        <tr><td>limite_credito</td><td><div id="c_limite_credito"></div></td></tr>
        <tr><td>atencion_a</td><td><div id="c_atencion_a"></div></td></tr>
        <tr><td>direccion</td><td><div id="c_direccion"></div></td></tr>
        <tr><td>telefono</td><td><div id="c_telefono"></div></td></tr>
        <tr><td>fax</td><td><div id="c_fax"></div></td></tr>
        <tr><th>Ordenes de trabajo</th><th><div id="c_ordenes_trabajo"></div></th></tr>
      </table>
    </div>
    <div id="DialogoClienteTabs2">
      <table class="TablaReportes">
        <tr><th colspan="2">Busqueda de cliente</th></tr>
        <tr><td>Razon Social</td><td><input type="text" id="nombre_cliente_n" size="40" /></td></tr>
      </table>
    </div>
  </div>
</div>

<div id="dialogo_equipo" class="Dialogo">
  <div class="DialogoTabs">
    <ul>
      <li><a href="#DialogoEquipoTabs1">Informaci&oacute;n</a></li>
      <li><a href="#DialogoEquipoTabs2">Cambio de equipo</a></li>
    </ul>
    <div id="DialogoEquipoTabs1">
      <table class="TablaReportes">
        <tr><th colspan="2">Informacion del equipo</th></tr>
        <tr><td>id_inventario</td><td><div id="e_id_inventario"></div></td></tr>
        <tr><td>tipo_monta</td><td><div id="e_tipo_monta"></div></td></tr>
        <tr><td>no_eco</td><td><div id="e_no_eco"></div></td></tr>
        <tr><td>marca</td><td><div id="e_marca"></div></td></tr>
        <tr><td>modelo</td><td><div id="e_modelo"></div></td></tr>
        <tr><td>serie</td><td><div id="e_serie"></div></td></tr>
        <tr><td>tipo</td><td><div id="e_tipo"></div></td></tr>
        <tr><td>columna1</td><td><div id="e_columna1"></div></td></tr>
        <tr><td>capacidad</td><td><div id="e_capacidad"></div></td></tr>
        <tr><td>altura</td><td><div id="e_altura"></div></td></tr>
        <tr><td>no_tanque</td><td><div id="e_no_tanque"></div></td></tr>
        <tr><td>no_controlador</td><td><div id="e_no_controlador"></div></td></tr>
        <tr><td>no_monta_insta</td><td><div id="e_no_monta_insta"></div></td></tr>
        <tr><td>empresa_act</td><td><div id="e_empresa_act"></div></td></tr>
        <tr><td>direccion_act</td><td><div id="e_direccion_act"></div></td></tr>
        <tr><td>no_inventario</td><td><div id="e_no_inventario"></div></td></tr>
        <tr><td>fecha_inventario</td><td><div id="e_fecha_inventario"></div></td></tr>
        <tr><td>realizado_por</td><td><div id="e_realizado_por"></div></td></tr>
        <tr><td>ordenes_trabajo</td><td><div id="e_ordenes_trabajo"></div></td></tr>
      </table>
    </div>
    <div id="DialogoEquipoTabs2">
      <table class="TablaReportes">
        <tr><th colspan="2">Busqueda de equipo</th></tr>
        <tr><td>Nombre</td><td><input type="text" id="nombre_equipo_e" size="40" /></td></tr>
      </table>
    </div>
  </div>
</div>

<div id="dialogo_trabaja" class="Dialogo">
  <div class="DialogoTabs">
    <ul>
      <li><a href="#DialogoTrabajaTabs1">Informaci&oacute;n</a></li>
      <li><a href="#DialogoTrabajaTabs2">Cambio de Trabajador</a></li>
    </ul>
    <div id="DialogoTrabajaTabs1">
      <table class="TablaReportes">
        <tr><th colspan="2">Informacion del trabajador</th></tr>
        <tr><td>nombre</td><td><div id="t_nombre"></div></td></tr>
        <tr><td>puesto</td><td><div id="t_puesto"></div></td></tr>
      </table>
    </div>
    <div id="DialogoTrabajaTabs2">
      <table class="TablaReportes">
        <tr><th colspan="2">Busqueda de trabajador</th></tr>
        <tr><td>Nombre</td><td><input type="text" id="nombre_trabaja_n" size="40" /></td></tr>
      </table>
    </div>
  </div>
</div>

<form action="index.php" method="POST">
  <input type="hidden" name="option" value="orden_trabajo" />
  <input type="hidden" name="paso" value="2" />
  <input type="hidden" name="id" value="$intIdOrdenTrabajo" />
  <input type="hidden" name="datos[id_orden_trabajo]" value="$intIdOrdenTrabajo" id="id_orden_trabajo" />
  <input type="hidden" name="datos[id_cliente]" value="$intIdCliente" id="id_cliente" />
  <input type="hidden" name="datos[id_equipo]" value="$intIdEquipo" id="id_equipo" />
  <input type="hidden" name="datos[id_trabajador]" value="$intIdTrabajador" id="id_trabajador" />
  
  <table class="TablaReportes">
    <tr>
      <th colspan="4">Orden de Trabajo</th>
    </tr>
    <tr>
      <td>Sucursal:</td>
      <td>$strSelectSucursal</td>
      <td>Estatus:</td>
      <td>$strSelectEstatus</td>
    </tr>
    <tr>
      <th colspan="4">Cliente</th>
    </tr>
    <tr>
      <td>Cliente:</td>
      <td colspan="2"><div id="cliente_nom">$strNomCliente</div></td>
      <td><input type="button" value="Informaci&oacute;n" onclick="AbrirDialogo('dialogo_cliente', 'Cliente');" /></td>
    </tr>
    <tr>
      <td>Atencion A:</td>
      <td colspan="3"><div id="cliente_atn">$strAtencionA</div></td>
    </tr>
    <tr>
      <td>Direcci&oacute;n:</td>
      <td colspan="3"><div id="cliente_dir">$strDireccion</div></td>
    </tr>
    <tr>
      <td>Telefono:</td>
      <td><div id="cliente_tel">$strTelefono</div></td>
      <td>Fax:</td>
      <td><div id="cliente_fax">$strFax</div></td>
    </tr>
    <tr>
      <td>Informando que:</td>
      <td colspan="3"><input type="text" name="datos[informando]" value="$strInformando" /></td>
    </tr>
    <tr>
      <td>Fecha:</td>
      <td><input type="text" name="datos[fecha]" value="$strFecha" /></td>
    </tr>
    <tr>
      <th colspan='4'>Equipo</th>
    </tr>
    <tr>
      <td>Datos del Equipo:</td>
      <td colspan="2">$strEquipo</td>
      <td><input type="button" value="Informaci&oacute;n" onclick="AbrirDialogo('dialogo_equipo', 'Equipo');" /></td>
    </tr>
    <tr>
      <td>Marca:</td>
      <td><div id="equipo_mar">$strMarca</div></td>
      <td>Modelo:</td>
      <td><div id="equipo_mod">$strModelo</div></td>
    </tr>
    <tr>
      <td>Serie:</td>
      <td><div id="equipo_ser">$strSerie</div></td>
    </tr>
    <tr>
      <td>Horas:</td>
      <td><input type="text" name="datos[horas]" value="$strHoras" /></td>
      <td>Fecha Puesta en Servicio:</td>
      <td><input type="text" name="datos[fecha_ps]" value="$strFechaPS" /></td>
    </tr>
    <tr>
      <th colspan='4'>Mano de Obra</th>
    </tr>
    <tr>
      <td>Trabajador:</td>
      <td colspan="2"><div id="tr_nombre">$strTrabajador</div></td>
      <td><input type="button" value="Informaci&oacute;n" onclick="AbrirDialogo('dialogo_trabaja', 'Trabajador');" /></td>
    </tr>
    <tr>
      <td>H de Entrada a Reparaci&oacute;n:</td>
      <td><input type="text" name="datos[h_entrada]" value="$strHEntrada" /></td>
      <td>H de Salida a Reparaci&oacute;n:</td>
      <td><input type="text" name="datos[h_salida]" value="$strHSalida" /></td>
    </tr>
    <tr>
      <th colspan="4">Fallas Detectadas:</th>
    </tr>
    <tr>
      <td colspan="4"><textarea name="datos[fallas_detectadas]" cols="70" rows="5">$strFallasDetectadas</textarea></td>
    </tr>
    <tr>
      <th colspan="4">Recomendaciones:</th>
    </tr>
    <tr>
      <td colspan="4"><textarea name="datos[recomendaciones]" cols="70" rows="5">$strRecomendaciones</textarea></td>
    </tr>
    <tr>
      <th colspan="4">Trabajos Efectuados:</th>
    </tr>
    <!--
    <tr>
      <td colspan="4"><textarea name="datos[trabajos_efec]" cols="70" rows="5">$strTrabajosEfec</textarea></td>
    </tr>
    -->
    <tr>
      <td colspan="4">
        <table width="100%">
          <tr>
            <th>Cant.</th>
            <th>Descripcion</th>
            <th>Precio</th>
          </tr>
          $strRowsTrabEfe
        </table>
      </td>
    </tr>
    <tr>
      <th colspan="4">Refacciones Usadas:</th>
    </tr>
    <tr>
      <td colspan="4">
        <table width="100%">
          <tr>
            <th>Cant.</th>
            <th>Descripci&oacute;n</th>
            <th>Precio</th>
            <th>Total</th>
          </tr>
          $strTablaRefacciones
        </table>
      </td>
    </tr>
    <tr>
      <th colspan="4">Facturese por</th>
    </tr>
    <tr>
      <td>Refacciones</td>
      <td><div id="r_ref_tot">$strTotRef</div></td>
    </tr>
    <tr>
      <td>Mano de Obra</td>
      <td><div id="r_mob_tot">$strManoObra</div></td>
      <!--
      <td><input type="text" name="datos[mano_obra]" id="mano_obra" value="$strManoObra" onblur="CambioMontosTot()" /></td>
      -->
    </tr>
    <tr>
      <td>Varios</td>
      <td><input type="text" name="datos[varios]" id="varios" value="$strVarios" onblur="CambioMontosTot()" /></td>
    </tr>
    <tr>
      <td>Foraneos</td>
      <td><input type="text" name="datos[foraneos]" id="foraneos" value="$strForaneos" onblur="CambioMontosTot()" /></td>
    </tr>
    <tr>
      <th colspan="4">Totales</th>
    </tr>
    <tr>
      <td>Subtotal</td>
      <td><div id="t_subtotal">$strSubTotal</div></td>
    </tr>
    <tr>
      <td>IVA</td>
      <td><div id="t_iva">$strIVA</div></td>
    </tr>
    <tr>
      <th>Total</th>
      <th><div id="t_total">$strTotal</div></th>
      <th>&nbsp;</th>
      <th><input type="submit" value="Guardar" /></th>
    </tr>
  </table>
</form>